$(function(){

	alls=$("#imgto .imgc ul li").length;
	goimages_li(1,1);
	$('#imgto .imgc ul li').click(function () {
		ns=$('#imgto .imgc ul li').index($(this));
		goimages(ns,alls,0);
	});
	$('#imgto .imgl').click(function () {
		goimages_ul(1)
	});
	$('#imgto .imgr').click(function () {
		goimages_ul(2)
	});

})
function goimages_ul(up) {
	var left = $('#imgto .imgc ul').position();
	left=left.left;
	allleft=Math.ceil($("#imgto .imgc ul li").length/4);
	if(up==1){
		if(-left==(allleft-1)*386){toleft=0;}else{toleft=left-386;}
		$("#imgto .imgc ul").animate({left: toleft+'px'}, "slow");
	}else{
		if(left==0){toleft=-(allleft-1)*386;}else{toleft=left+386;}
		$("#imgto .imgc ul").animate({left: toleft+'px'}, "slow");
	}
}
function goimages(n,alls,aut) {
	if(n==-1){
		li=$('#imgto .imgc ul .the').next();
		n=$('#imgto .imgc ul li').index(li);
		if(n==-1){n=0;}
	}
	$('#imgto .imgc ul li').removeClass('the');
	$('#imgto .imgc ul li:eq('+n+')').addClass('the');
	goimages_li(n,aut);
	$('#imgto .big').fadeOut(500,function(){
		$('#imgto .big').html($('#imgto .imgc ul li:eq('+n+')').html());
	});
	$('#imgto .big').fadeIn(500);
}
function goimages_li(n,aut) {
	if(aut==1){
		if(!(n%4)){
		  goimages_ul(1);
		}
	}
	$('#imgto .imgc ul li').fadeTo(150, 0.5,function(){
		$('#imgto .imgc ul .the').fadeTo(150,1);
	});
}
